<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../大作业2_修改/css/reset.css">
    <link rel="stylesheet" href="../大作业2_修改/css/公共类.min.css">
    <link rel="stylesheet" href="../大作业2_修改/css/产品详情.css">
    <title>产品详情</title>
</head>
<body>
    <div class="content">
        <div class="header">
            <div class="h-left">
                <a href="javascript:history.go(-1)"><input type="button" value="Back"></a>
            </div>
            <span>产品详情</span>
            <div class="h-right">
                <img src="../大作业2_修改/img/产品详情img/好评度.png" alt="">
            </div>
        </div>
        <div class="subject">
            <div class="Carousel">
                <img src="../大作业2_修改/img/产品详情img/轮播图.png" alt="">
            </div>
            <div class="price">
                <div class="p-top">
                    <span>&yen;32</span>
                    <button type="button">购买</button>
                </div>
                <div class="p-bottom">
                    <div class="left">
                        <img src="../大作业2_修改/img/产品详情img/好评度.png" alt="">
                        <h3>好评度<span>99%</span></h3>
                    </div>
                    <div class="right">
                        <span><a href="#new">共605个好评></a></span>
                    </div>
                </div>
            </div>
            <div class="Merchant">
                <div class="m-top">
                    <span>适用商户</span>
                    <span><a href="#new">></a></span>
                </div>
                <div class="m-bottom">
                    <ul>
                        <li>
                            <div>
                                <img src="../大作业2_修改/img/首页img/万岁寿司.png" alt="">
                                <span>正佳店</span>
                            </div>                            
                            <div>
                                <h3>万岁寿司(正佳店)</h3>
                                <ul>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li>10分</li>
                                </ul>
                                <h4>距离你100吗</h4>
                                <h5>查看详情>></h5>
                            </div>
                            <div>
                                <button type="button">进入</button>
                            </div>   
                        </li>
                        <li>
                            <div>
                                <img src="../大作业2_修改/img/首页img/万岁寿司.png" alt="">
                                <span>正佳店</span>
                            </div>                            
                            <div>
                                <h3>万岁寿司(正佳店)</h3>
                                <ul>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li>10分</li>
                                </ul>
                                <h4>距离你100吗</h4>
                                <h5>查看详情>></h5>
                            </div>
                            <div>
                                <button type="button">进入</button>
                            </div>   
                        </li>
                        <li>
                            <div>
                                <img src="../大作业2_修改/img/首页img/万岁寿司.png" alt="">
                                <span>正佳店</span>
                            </div>                            
                            <div>
                                <h3>万岁寿司(正佳店)</h3>
                                <ul>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li><img src="../大作业2_修改/img/产品详情img/好评度.png" alt=""></li>
                                    <li>10分</li>
                                </ul>
                                <h4>距离你100吗</h4>
                                <h5>查看详情>></h5>
                            </div>
                            <div>
                                <button type="button">进入</button>
                            </div>   
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer">
            <ul>
                <li>
                    <a href="../大作业2_修改/首页.html"><img src="./img/公共img/首页2.png" alt=""></a>
                    <span>首页</span>
                </li>
                <li>
                    <a href="../大作业2_修改/分类.html"><img src="../大作业2_修改/img/公共img/分类2.png" alt=""></a>
                    <span>分类</span>
                </li>
                <li>
                    <a href="../大作业2_修改/发现.html">
                        <img src="../大作业2_修改/img/公共img/发现2.png" alt="">
                        <img src="../大作业2_修改/img/公共img/形状 7.png" alt="">
                        <img src="../大作业2_修改/img/公共img/形状 7 副本.png" alt="">
                    </a>                   
                    <span>发现</span>
                </li>
                <li>
                    <a href="../大作业2_修改/我的.html"><img src="../大作业2_修改/img/公共img/我的.png" alt=""></a>
                    <span>我的</span>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>